/*ECOMMERCE CRAZY GRID*/
.crazygrid {
    width: 100%;
    border-collapse:separate;
	table-layout: fixed;
    word-wrap: break-word;
    font-family: var(--font-family);
    font-weight: var(--my-font-weight-medium);
    font-size: var(--my-grid-body-font-size);
}

.crazygrid.header {
	table-layout: auto;
}
.crazygrid table {
  border-collapse:collapse;
}
.crazygrid tr {
    cursor:default;
    background-color:#fcfcfc;
	border: 1px solid #e9e9e9;
	border-left: 0px!important;
	/*border-right: 1px solid transparent!important;*/
    position: relative;
}
.crazygrid tr.row-alt {
    background-color:#f6f6f6;
}

/* grid on hover and selected */

.crazygrid tr.selected.selected-first {
    box-shadow: inset 0 2px 0 #044da1!important;
}
.crazygrid tr.selected.selected-last{
    box-shadow: inset 0 -2px 0 #044da1!important;
}

.crazygrid tr.hover.hover-first {
    box-shadow: inset 0 1px 0 #cfd3d7;
}
.crazygrid tr.hover.hover-last{
    box-shadow: inset 0 -1px 0 #cfd3d7;
}

.crazygrid tr.hover,
.crazygrid-row.hover .cell-deleted,
.crazygrid-row.hover{

    .x-grid3-xx-LINE_NO, .x-grid3-xx-LOWEST_UNIT_COST, .x-grid3-xx-LOWEST_UNIT_COST-ro,
    .x-grid3-xx-REVIEW2
    {
        --background-color: var(--over-bg);
        --color: var(--over-color);
    }
    --background-color: var(--over-bg);
    --color: var(--over-color);
}

.crazygrid tr.selected,
.crazygrid-row.selected .cell-deleted,
.crazygrid-row.selected{
    .x-grid3-xx-LINE_NO, .x-grid3-xx-LOWEST_UNIT_COST, .x-grid3-xx-LOWEST_UNIT_COST-ro
    , .x-grid3-xx-REVIEW2
    {
        xbackground-color: var(--selected-bg);
        xcolor: var(--selected-color);
    }
    xbackground-color: var(--selected-bg);
    xcolor: var(--selected-color);
}
.crazygrid tr.hover,
.crazygrid tr.selected
{
    .x-grid3-xx-COMMENT_SUPPLIER,
    .x-grid3-xx-QTY_ON_INVOICE,
    .x-grid3-xx-INVOICE_UNIT_PRICE,
    .x-grid3-xx-QUOTE_UNIT_PRICE
    {
        xcolor: var(--base-text-color);
    }
}

/* ------ */


.crazygrid-row-comment td  {
	xborder-right:1px solid;
}

.crazygrid td {
    padding: 5px 5px 4px 5px;
    vertical-align:top;
    border-left-style: solid;
    border-color: var(--ntcGray4);
    border-width: 1px;
    word-break: break-word;
}

.ext-ie .crazygrid td {
    padding: 4px 4px 3px 4px;
}
.crazygrid-row-comment td {
    padding: 3px 4px 3px 4px;
}
.crazygrid .x-grid3-hd-row td {
	border-left-color: var(--ntcGray4);
	border-right-color: var(--ntcGray4);
}

.crazygrid .x-grid3-hd-row :first-child {
	border-left: 0px;
}
.ecom-tab table:nth-child(3) tr:first-child {
	border-top: 0px;
}

.crazygrid.header .x-grid3-header td{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: var(--my-grid-header-font-size);
}

.crazygrid .x-grid3-header{
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}


.ext-ie .crazygrid-row td, .ext-ie .crazygrid-row-comment td {
    height: 13px !important;
}
.crazygrid-row td {
    height: 13px;
}

.x-grid3-xx-LINE_NO, .x-grid3-xx-LINE_NO-ro {
    text-align: center;
    vertical-align: middle!important;
}

.x-grid3-xx-LINE_NO, .x-grid3-xx-LOWEST_UNIT_COST, .x-grid3-xx-LOWEST_UNIT_COST-ro
, .x-grid3-xx-REVIEW2 {
    text-decoration: underline;
    color: var(--bluish-purple);
    cursor:pointer;  /*DOES NOT SHOW IN IE6*/
    border-style: none;
}

.x-grid3-xx-IM_CODE {
    text-align: left;
    vertical-align: middle!important;
}

.middle {
    vertical-align: middle!important;
}

.x-grid3-xx-LOWEST_UNIT_COST, .x-grid3-xx-LOWEST_UNIT_COST-ro {
	width: 80px;
    text-align: right;
}
.crazygrid td.x-grid3-xx-LOWEST_UNIT_COST, .crazygrid td.x-grid3-xx-LOWEST_UNIT_COST-ro, .crazygrid td.x-grid3-xx-AUCTION-COMM {
    border-color: var(--gray7);
    border-width:1px;
    border-style:none none none solid;
}



.crazygrid .bid-good td.x-grid3-xx-LOWEST_UNIT_COST, .crazygrid .bid-good td.x-grid3-xx-LOWEST_UNIT_COST-ro {
	background-color: #80FF80;
}
.crazygrid .bid-bad td.x-grid3-xx-LOWEST_UNIT_COST, .crazygrid .bid-bad td.x-grid3-xx-LOWEST_UNIT_COST-ro {
    background-color: #FF8080;
}
.crazygrid .bid-good.selected-first td.x-grid3-xx-LOWEST_UNIT_COST, .crazygrid .bid-good.selected-first td.x-grid3-xx-LOWEST_UNIT_COST-ro {
    border-top: 2px solid transparent;
    background-clip: padding-box;
    padding-top: 3px;
}
.crazygrid .bid-bad.selected-first td.x-grid3-xx-LOWEST_UNIT_COST, .crazygrid .bid-bad.selected-first td.x-grid3-xx-LOWEST_UNIT_COST-ro {
    border-top: 2px solid transparent;
    background-clip: padding-box;
    padding-top: 3px;
}

.x-grid3-xx-REVIEW, .x-grid3-xx-REVIEW-ro, .x-grid3-xx-REVIEW2, .x-grid3-xx-REVIEW2-ro {
    text-align: right;
    background-position: center 1px;
    padding: 0 4px 4px 4px !important;
}
.x-grid3-xx-REVIEW, .x-grid3-xx-REVIEW-ro {
	padding: 0 4px !important;
}
.x-grid3-xx-REVIEW div, .x-grid3-xx-REVIEW-ro div {
	float: left;
	width: 42px;
	height: 18px;
}
.x-grid3-xx-REVIEW span, .x-grid3-xx-REVIEW-ro span {
    padding: 3px 0;
    float: right;
}

.x-grid3-xx-REVIEW .fa-plus, .x-grid3-xx-REVIEW-ro .fa-plus {
    width: 48px;
    margin-top: 5px;
}
.x-grid3-xx-REVIEW .fa-minus, .x-grid3-xx-REVIEW-ro .fa-minus {
    width: 20px;
    margin-top: 5px;
}

.x-grid3-xx-REVIEW2, .x-grid3-xx-REVIEW2-ro{
    padding-right: 0px !important;
    padding-left: 0px !important;
    text-align: center;
}

.x-grid3-xx-IM_ITEM_NAME {
    white-space:normal;
    vertical-align: middle!important;
}
.x-grid3-xx-QUOTE_QTY {
    text-align: right;
}
.ext-webkit .x-grid3-xx-QUOTE_QTY {
    width: 64px;
}
.x-grid3-xx-QUOTE_UNIT_PRICE, .x-grid3-xx-QUOTE_UNIT_PRICE-ro {
    text-align: right;
}
.ext-webkit .x-grid3-xx-QUOTE_UNIT_PRICE, .ext-webkit .x-grid3-xx-QUOTE_UNIT_PRICE-ro {
    width: 85px;
}
.crazygrid td.x-grid3-xx-QUOTE_UNIT_PRICE {
    background-color: white;
    border-top: 3px solid transparent;
    box-shadow: rgb(4, 77, 161) 0px 0px 0px 1px inset;
    background-clip: padding-box;
    border-radius: var(--my-field-radius);
}
.crazygrid .previous-readonly td.x-grid3-xx-QUOTE_UNIT_PRICE {
    border-style:solid none none solid;
}
.x-grid3-xx-COMMENT_SUPPLIER-ro {
    border-top-style:solid;
}
.crazygrid td.x-grid3-xx-COMMENT_SUPPLIER {
    padding: 8px;
}
.crazygrid td.x-grid3-xx-COMMENT_SUPPLIER .editor {
     background-color: white;
    padding: 5px;
    box-shadow: var(--ntcGray4) 0px 0px 0px 1px inset;
    background-clip: padding-box;
    border-radius: var(--my-field-radius);
}
.crazygrid .invalid td.x-grid3-xx-COMMENT_SUPPLIER .editor{
    background-color: #ffb3b3;
}

@media print {
  .crazygrid td.x-grid3-xx-QUOTE_UNIT_PRICE {
    border-style:none solid none solid;
  }
  .crazygrid td.x-grid3-xx-COMMENT_SUPPLIER {
    border-style:solid;
  }
}
.crazygrid td.x-grid3-xx-SUMMARY {
    background-color: #f1f2f4;
    font-weight:bold;
    border:none;
    text-align: right;
    padding:4px 3px 3px !important;
}
.crazygrid .x-grid3-header {
    /*border-bottom-color: silver !important;*/
	border-bottom: 2px solid #d0d0d0;

}
.ext-gecko .crazygrid .x-grid3-header {
    border-bottom-style: solid;
}
.x-grid3-hd-row>td{
	background: var(--my-column-header-bg-color);
    font-family: var(--font-family);
    font-weight: var(--my-font-weight-medium);
    font-size: var(--my-grid-body-font-size);
}
.x-grid3-hd-row td{
    font-family: var(--font-family);
    font-weight: var(--my-font-weight-medium);
    font-size: var(--my-grid-body-font-size);
}

.crazygrid .x-grid3-hd-row td {
    /*font-weight:bold;*/
	text-align:center;
    vertical-align:middle;
}
.x-grid3-hd-row td.left{
	text-align:left;
	padding-bottom: 8px;
	padding-left: 7px;
}
.x-grid3-hd-row td.right{
	text-align:right;
	padding-bottom: 8px;
	padding-right: 7px;
}
/*header hover background*/
.x-grid3-hd-row td.center:hover, .x-grid3-hd-row td.left:hover , .x-grid3-hd-row td.right:hover, .x-grid3-hd-row table td:hover {
	background-color: var(--my-column-header-bg-color);
}
.x-grid3-hd-row  .ecom-groupHeader td.center:hover, .x-grid3-hd-row .ecom-groupHeader td.left:hover , .x-grid3-hd-row .ecom-groupHeader td.right:hover, .x-grid3-hd-row  table .ecom-groupHeader td:hover {
	background-color: initial;
}
.x-grid3-hd-row table td.header-red:hover, .x-grid3-hd-row table td.header-red-bottom:hover {
	xbackground-color: #B94D4D;
}
.x-grid3-hd-row table td.header-blue:hover, .x-grid3-hd-row table td.header-blue-bottom:hover {
	background-color: #1A79BF;
}

.header-sub {
    padding: 0 !important;
}

.header-sub tr {
    background: none;
}

.header-red-bottom,
.header-red
{
    xbackground-color: var(--alert-error);
    xcolor: var(--white);
}

.x-grid3-hd-row table tr {
	border: 0;
}


.header-blue {
    background: url("../images/column-header-bg-blue.gif") repeat-x scroll 0 0 transparent;
    color: white;
}
.header-blue-bottom {
    background-color: #218FDE;
    color: white;
}

.header-sub td {
    border-style:none solid none none;
}
.crazygrid td.header-COMMENT {
    text-align: center;
    /*border: none !important;*/
    border-style:solid none none !important;
    /*border-color: #EEEEEE;/*silver;*/
   border-color: #c5c5c5;
    border-width:1px;
}
.crazygrid td.header-VAT {
    text-align: center;
    border-style: none none solid !important;
	border-color: #c5c5c5;
	border-width: 1px;
}

.header-LOWEST_UNIT_COST {
	width: 80px;
}
.header-IM_ITEM_NAME {
    /*width: 413px;*/
    /*width: 100%;*/
}

.blueBorder{
    border:1px solid var(--primary1);
}
/* PO SPECIFICS */
.crazygrid-row-comment {
    border-style:none !important;
    border-collapse: separate!important;
}
.x-grid3-xx-IM_ITEM_NAME-PO {
    /*width: 335px;*/
    white-space:normal;
    vertical-align: middle!important;
}
.x-grid3-xx-COMMENT_SUPPLIER-PO, td.x-grid3-xx-COMMENT_SUPPLIER {
    border-top-style:solid;
}
.x-grid3-xx-OFFERED_PO_QTY, .x-grid3-xx-OFFERED_PO_QTY-ro {
    text-align: right;
}
.ext-webkit .x-grid3-xx-OFFERED_PO_QTY, .ext-webkit .x-grid3-xx-OFFERED_PO_QTY-ro {
    width: 64px;
}
.crazygrid td.x-grid3-xx-OFFERED_PO_QTY {
    padding: 8px;
}
.crazygrid td.x-grid3-xx-OFFERED_PO_QTY .editor {
    background-color: white;
	padding: 5px;
    box-shadow: var(--ntcGray4) 0px 0px 0px 1px inset;
    background-clip: padding-box;
    border-radius: var(--my-field-radius);;
}
.x-grid3-xx-OFFERED_PO_UNIT_PRICE, .x-grid3-xx-OFFERED_PO_UNIT_PRICE-ro {
    text-align: right;
}
.ext-webkit .x-grid3-xx-OFFERED_PO_UNIT_PRICE, .ext-webkit .x-grid3-xx-OFFERED_PO_UNIT_PRICE-ro {
    width: 82px;
}
.crazygrid td.x-grid3-xx-OFFERED_PO_UNIT_PRICE {
    padding: 8px;
}
.crazygrid td.x-grid3-xx-OFFERED_PO_UNIT_PRICE .editor {
    background-color: white;
    padding: 5px;
    box-shadow: var(--ntcGray4) 0px 0px 0px 1px inset;
    background-clip: padding-box;
    border-radius: var(--my-field-radius);
}
.x-grid3-xx-ROW_TOTAL_PRICE {
    text-align: right;
}

/*.ext-webkit .x-grid3-xx-ROW_TOTAL_PRICE {
    width: 81px;
}*/
.forecasted-readonly .x-grid3-xx-ROW_TOTAL_PRICE,
.forecasted-readonly .x-grid3-xx-INVOICE_UNIT_PRICE-ro,
.forecasted-readonly .x-grid3-xx-VAT-ro
{
    border-style: none !important;
}

.header-IM_ITEM_NAME-PO {
    /*width: 334px;*/
}

.crazygrid td.header-ROW_TOTAL_PRICE {
    border-style:none !important;
}

.x-grid3-xx-OFFERED_PC_QTY, .x-grid3-xx-OFFERED_PC_QTY-ro {
    text-align: right;
}
.ext-webkit .x-grid3-xx-OFFERED_PC_QTY, .ext-webkit .x-grid3-xx-OFFERED_PC_QTY-ro {
    width: 80px;
}
.crazygrid td.x-grid3-xx-OFFERED_PC_QTY {
    background-color: white;
    border:1px solid var(--primary1);
}
.x-grid3-xx-OFFERED_PC_UNIT_PRICE, .x-grid3-xx-OFFERED_PC_UNIT_PRICE-ro {
    text-align: right;
}
.ext-webkit .x-grid3-xx-OFFERED_PC_UNIT_PRICE, .ext-webkit .x-grid3-xx-OFFERED_PC_UNIT_PRICE-ro {
    width: 72px;
}

.crazygrid td.x-grid3-xx-OFFERED_PC_UNIT_PRICE {
	padding: 8px;
}

.crazygrid td.x-grid3-xx-OFFERED_PC_UNIT_PRICE .editor {
    background-color: white;
	padding: 5px;
    box-shadow: var(--ntcGray4) 0px 0px 0px 1px inset;
    background-clip: padding-box;
    border-radius: var(--my-field-radius);
}


.cell-changed {
    color: red;
}
.cell-deleted {
    background:none repeat scroll 0 0 transparent !important;
    /*border:medium none !important;*/
    border-color:#EDEDED !important;
    color: var(--my-grid-font-color);
    cursor:default;
    text-decoration:none;
    cursor:default;  /*DOES NOT SHOW IN IE6*/
}
/* INVOICE SPECIFICS */

.x-grid3-xx-QTY_ON_INVOICE, .x-grid3-xx-QTY_ON_INVOICE-ro {
    text-align: right;
}
.crazygrid td.x-grid3-xx-QTY_ON_INVOICE {
    padding: 8px;
}
/*.ext-webkit .x-grid3-xx-QTY_ON_INVOICE, .ext-webkit .x-grid3-xx-QTY_ON_INVOICE-ro {
    width: 64px;
}*/
.crazygrid td.x-grid3-xx-QTY_ON_INVOICE .editor {
    background-color: white;
    padding: 5px;
    box-shadow: var(--ntcGray4) 0px 0px 0px 1px inset;
    background-clip: padding-box;
    border-radius: var(--my-field-radius);
}
.itemColTop .crazygrid td.x-grid3-xx-QTY_ON_INVOICE {
	border-top-style:solid;
}

.crazygrid .previous-readonly td.x-grid3-xx-QTY_ON_INVOICE {
    border-style:solid solid none solid;
}

.crazygrid .forecasted td.x-grid3-xx-QTY_ON_INVOICE {
    border-style:solid none none solid;
}

.crazygrid .forecasted td.x-grid3-xx-OFFERED_INVOICE_UNIT_NAME {
    border-style: solid none none solid;
}
.crazygrid .forecasted td.x-grid3-xx-ROW_TOTAL_PRICE {
	border-style: solid none none solid;
}


.x-grid3-xx-INVOICE_UNIT_PRICE, .x-grid3-xx-INVOICE_UNIT_PRICE-ro {
    text-align: right;
}
.crazygrid td.x-grid3-xx-INVOICE_UNIT_PRICE {
    padding: 8px;
}
/*.ext-webkit .x-grid3-xx-INVOICE_UNIT_PRICE,.ext-webkit .x-grid3-xx-INVOICE_UNIT_PRICE-ro {
    width: 82px;
}*/
.crazygrid td.x-grid3-xx-INVOICE_UNIT_PRICE .editor {
    background-color: white;
    padding: 5px;
    box-shadow: var(--ntcGray4) 0px 0px 0px 1px inset;
    background-clip: padding-box;
    border-radius: var(--my-field-radius);
}
.itemColTop .crazygrid td.x-grid3-xx-INVOICE_UNIT_PRICE {
	border-top-style:solid;
}

.crazygrid .topPosition td.x-grid3-xx-INVOICE_UNIT_PRICE {
	border-style:solid solid none solid;
}

.crazygrid .forecasted td.x-grid3-xx-INVOICE_UNIT_PRICE {
    border-style:solid none none solid;
}
.crazygrid .previous-readonly td.x-grid3-xx-INVOICE_UNIT_PRICE {
    border-style:solid solid none solid;
}

.x-grid3-xx-FORECAST_UNIT_PRICE-name {
    width: 149px;
}
.ext-webkit .x-grid3-xx-FORECAST_UNIT_PRICE-name {
    width: 131px;
    border-left: none;
}

.crazygrid td.x-grid3-xx-VAT {
	padding: 8px;
}
.crazygrid div.x-grid3-xx-VAT.editor {
    background-color: white;
    padding: 5px;
    box-shadow: var(--ntcGray4) 0px 0px 0px 1px inset;
    background-clip: padding-box;
    border-radius: var(--my-field-radius);
	min-height: 27px;
}
.itemColTop .crazygrid td.x-grid3-xx-VAT {
	border-top-style:solid;
}
.VATupper .crazygrid td.x-grid3-xx-VAT {
	border-bottom-style:solid;
}
.itemColTop .crazygrid td.x-grid3-xx-VAT {
	border-top-style:solid;
}
.crazygrid .forecasted td.x-grid3-xx-VAT {
    border-style:solid solid none solid;
}
.crazygrid .forecasted-readonly td.x-grid3-xx-VAT {
    border-style:none;
}
.crazygrid .previous-readonly td.x-grid3-xx-VAT {
    border-style:solid solid none solid;
}

.x-grid3-xx-VAT_PERCENTAGE {
	text-align: right;
	xborder-color: var(--primary1) !important;/*#99BBE8 silver;*/
    xborder-width:1px;
    xborder-style:none solid none solid!important;
}
.itemColTop .crazygrid td.x-grid3-xx-VAT_PERCENTAGE {
	border-top-style:solid!important;
}
.x-grid3-xx-VAT_PERCENTAGE.ecom-ronly {
	border-width:0px;
}

.x-grid3-xx-VAT_AMOUNT {
    text-align: right;
}

.forecasted-readonly .x-grid3-xx-VAT_AMOUNT
{
    border-style: none !important;
}

.itemColTop .header-IM_ITEM_NAME, .itemColTop .header-IM_ITEM_NAME-PO{
	padding-bottom: 3px!important;
	border-bottom: 1px solid #d0d0d0!important;
}

.ecom-gridOtherIn  .x-column-header-text-wrapper{
	vertical-align: bottom;
}

table:not(.crazygrid) > .ecom-groupHeader{
    background-color: gray!important;
    color: white;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	border-top: 1px solid #d0d0d0;
}

.VATupper td.header-sub.po {
	border: 1px solid rgb(125, 125, 125);
}
.VATupper td.header-sub.vat {
	border: 1px solid rgb(125, 125, 125);
    border-bottom: 0px;
}

.VATupper .ecom-groupHeader{
    background-color: inherit!important;
    color: inherit!important;
    text-shadow: inherit!important;
    border-top: inherit!important;
}


/* */
.spinner-hide .x-form-trigger-spinner {
	display:none;
}

.crazygrid-editor input.x-form-field {
    min-height: 24px!important;
}
.crazygrid-editor .x-form-trigger {
    line-height: 24px;
}

.crazygrid tr.row1 td:first-child:not([colspan]) {
  border-left: none;
}

.x-grid3-xx-QUOTE_UNIT_PRICE, 
.x-grid3-xx-OFFERED_PO_QTY, .x-grid3-xx-OFFERED_PO_UNIT_PRICE,
.x-grid3-xx-OFFERED_PC_QTY, .x-grid3-xx-OFFERED_PC_UNIT_PRICE,
.x-grid3-xx-INVOICE_UNIT_PRICE,
.x-grid3-xx-QUOTE_UNIT_PRICE + td, 
.x-grid3-xx-OFFERED_PO_QTY + td, .x-grid3-xx-OFFERED_PO_UNIT_PRICE + td,
.x-grid3-xx-OFFERED_PC_QTY + td, .x-grid3-xx-OFFERED_PC_UNIT_PRICE + td,
.x-grid3-xx-INVOICE_UNIT_PRICE + td {
	xborder-left-style: none!important;
}